; (function () {
    $(function () {
        $(".header").load("./first_header.html")
        $(".footer").load("./first_footer.html")

        // 注册去登录
        $(".toLogin").on("click", function () {
            location = "./login.html";
        })

        $.idcode.setCode();//加载生成验证码






        $("form .step1 .next").hide()

        $("form .step1 .getmsg").on("click", () => {
            var $dataPhone = $("#phone").val();
            // var $code = $("#mscode").val();
            // console.log($dataPhone);
            var $regPhone = /^[1][3-9]\d{9}$/i.test($dataPhone);

            if ($regPhone) {
                console.log("有数据")
                //获取短信验证码框显示
            }
            else {
                $(".error").text("请输入正确的手机号").css("color", "#ff6600")
                // layer.msg('请输入手机号!');

                // console.log("没有输入手机号")
                return false;
            }
            if ($.idcode.validateCode()) {
                $(".errorCode").text("")
                $(".error").text("")

                $(".messg").show();
                //获取验证码点击按钮隐藏
                $(".getmsg").hide()
                //下一步按钮显示
                $(".step1 .next").show();
            }
            else {
                $(".error").text("")
                $(".errorCode").text("请输入正确的验证码").css("color", "#ff6600")

                // layer.msg('请输入验证码!');

                // return false;
            }

        })
        $("form .step1 .next").on("click", function () {
            //点击下一步按钮样式及表单切换
            // $("form .step1 .next").on("click", () => {
            //第一步的表单隐藏
            $("form .step1").css("display", "none");
            //第二步的表单显示
            $("form .step2").show();
            //第二步样式
            $(".step .step2 #num").removeClass("num2").addClass("num1")
            $(".step .step2 #tip").removeClass("tip2").addClass("tip1")
            $(".step .step2 #line").removeClass("line2").addClass("line1")

            // })

        })

        // $(".step2 .upwd").on("input", () => {
        //     $this.$("span").addClass("grade")
        // })

        // 图片预览
        // $("#file").on("change",function(){
        //     let fr=new FileReader();
        //     fr.readAsDataURL(this.files[0]);
        //     fr.onload=function(e){
        //         var ele=e.target||e.srcElement;
        //         console.log(ele.result)
        //         $("#img").attr("src",ele.result)
        //     }
        // })

        $.validator.addMethod("checkPhone", (value, element, param) => {
            var reg = /^[1][3-9]\d{9}$/i;
            return reg.test(value);
        })
        // //给表单绑定事件
        $("form").validate({
            //规则
            rules: {
                uphone: {
                    checkPhone: true,
                    // maxlength: 11
                    // required: true, //必填

                }, upwd: {
                    required: true, //必填
                    rangelength: [6, 16],
                },
                upwd2: {
                    equalTo: "#upwd"
                }
            },
            messages: {
                uphone: {
                    checkPhone: "请输入正确的手机号码"
                },
                upwd: {
                    required: '密码不能为空',
                    rangelength: "密码必须是{0}-{1}"
                }, 
                upwd2: {
                    required: "确认密码不能为空",
                    equalTo: "2次密码不一致"
                }
            },

            submitHandler: function () {
                var IsBy = $.idcode.validateCode();
                //下一步点击按钮隐藏
                if (!IsBy) {
                    layer.msg('验证码错误!');
                    return false;
                } else {

                    //点击注册
                    // $(".step2 .reg").on("click", () => {
                    $("form .step2").hide();
                    $("form .step3").show();
                    $(".step .step3 #num").removeClass("num2").addClass("num1")
                    $(".step .step3 #tip").removeClass("tip2").addClass("tip1")
                    // })

                    // 校验都通过, 注册到cookie
                    // var obj = {
                    //     uphone: $("[name='uphone']").val(),
                    //     upwd: $("[name='upwd']").val(),
                    //     // uemail:$("[name='uemail']").val()
                    // }
                    // //先读取cookie,转换成数组
                    // var userList = JSON.parse($.cookie("users") || '[]')
                    // //变量数组,判断是否已经注册
                    // var flag = userList.some((el) => el.uphone == obj.uphone)

                    // //如果没有注册,就保存到数组里
                    // if (flag == true) {
                    //     layer.msg("用户名已注册!");
                    //     return false;
                    // }
                    // //数组保存到cookie
                    // userList.push(obj);
                    // $.cookie.raw = true;//设置不使用编码
                    // $.cookie("users", JSON.stringify(userList), {
                    //     expries: 100
                    // });



                    var formdata = new FormData();
                    formdata.append("uphone", $("[name=uphone]").val())
                    formdata.append("upwd", $("[name=upwd]").val())
                    // formdata.append("upwd", $.md5($("[name=upwd]").val()))
                    // formdata.append("uemail",$("[name=uemail]").val())
                    $.ajax({
                        url: "./api/register",
                        data: formdata,
                        type: "post",
                        processData: false,
                        contentType: false
                    }).done(function (res) {
                        layer.msg(res.msg)
                    })
                }
                return false;
            }
        })
    })
})();